<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<title>Chreemi - Chrome for Meemi, Option Page</title>
		
		<style>
			body {
				width: 800px;
				margin-left: auto;
				margin-right: auto;
				background-color: #BFDAF7;
				font-size: 13px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #433C2A; }

			.section-title {
				font-weight: bold;
				font-size: 20px; }
			.tips {
				font-style: italic;
				font-size: 11px;
				margin-left: 10px; }
			.option {
				margin-bottom: 15px; }
			.txt {
				font: Normal 12px Verdana, Helvetica, sans-serif;
				border: solid 1px #cccccc;
				background-color: #f4f4f4; }
				
			#about-section {
				background-color: #FFF;
				-webkit-border-radius: 5px;
				padding: 10px;
				margin: 15px 10px 0 20px; }
		</style>
		
		<script src="jquery.js" type="text/javascript"></script> 
		<script src="jquery.sha256.min.js" type="text/javascript"></script>
		<script src="option.js" type="text/javascript"></script>
		
	</head>
	<body>
		<div id="header">
			<h1>Chreemi</h1>
		</div>
		<div class="option">
			Il tuo Meemi Username: <input type="text" id="username" class="txt"/><br />
			La tua Meemi Password: <input type="password" id="password" class="txt" />
			<div class="tips">
				La password è FACOLTATIVA.
				Se al momento del Login su Meemi sulla pagina web hai selezionato "Salva password" il browser userà quelle credenziali per accedere.
				Nel caso si rendesse invece necessario l'inserimento della password questa verrebbe memorizzata in forma criptata quindi assolutamente sicura.
			</div>
		</div>
		<div class="option" id="checkboxes">
			Le notifiche preferite:<br />
			<div class="tips">
				Seleziona le notifiche che vuoi che vengano conteggiate e mostrate sulla barra.<br />
				Potrai comunque vedere tutte le notifiche nel Popup.<br />
			</div>
		</div>
		
		<div class="option">
			Secondi tra ogni controllo: <input type="text" id="delay-time" class="txt" size=5; /><br />
			<div class="tips">
				Secondi che devono passare tra un controllo e l'altro per verificare la presenza di nuove notifiche.<br />
				Esiste un minimo di 30 secondi, sotto il quale non si può andare, per motivi di efficienza.<br />
			</div>
		</div>
		
		<div class="option">
			Comportamento del Pulsante:<br />
			<div class="tips">
				Comportamento dell'estensione al Click sul pulsante sulla barra. Le opzioni sono auto-esplicative. <br />
			</div>
		<input type="radio" name="button-popup-behaviour" id="button-behaviour-show" value="show" /><label for="button-behaviour-show">Bookmarklet Popup</label><br />
		<input type="radio" name="button-popup-behaviour" id="button-behaviour-hide" value="hide" /><label for="button-behaviour-hide">Go to Meemi Home Page</label><br />
		</div>
		<div class="option">
			Visualizzazione Meme Random:<br />
			<div class="tips">
				Permette o meno la visualizzazione di un Meme casuale, tra gli ultimi 30 movimentati, della propria lista con amici.
			</div>
			<input type="checkbox" name="button-random-meme-behaviour" id="button-random-behaviour" /><label for="button-random-behaviour">Visualizza Random Meme</label><br />
		</div>
		
		<div ID="footer">
			<button id="save-button" style="font-weight:bold">Salva</button>
		</div>
		<div id="about-section">
			<span class="section-title">About</span>
			<p>
				Questa estensione è stata creata da <a href="http://meemi.com/Takky">Takky</a> e <a href="http://meemi.com/greenkey">Greenkey</a> per tutti i Meemaniaci!<br />
				Infatti permette di tenere sempre sotto controllo tutte le notifiche di Meemi e magari filtrare quelle che non ci interessano.<br />
				<br />
				Ringraziamo <a href="http://meemi.com/capobecchino">Capobecchino</a>, il <i>sommo</i> creatore di Meemi, per il CSS della Bookmarklet.
			</p>
				<hr />
			<p>
				Stai usando la versione <a id="span_version"></a>
			</p>
		</div>
	</body>
	</html>
